<template>
	<view class="icon-container">
		<text :class="['iconfont',iconName]" :style="{color:color,fontSize:size}"></text>
	</view>
</template>

<script>
	import icons from './iconMap'
	export default {
		props:{
			name:{
				type:String,
				require:true
			},
			size:{
				type:String,
				default:'54rpx'
			},
			color:{
				type:String,
				default:''
			}
		},
		computed:{
			iconName(){
				return icons[this.name]
			}
		}
	}
</script>

<style lang="scss" scoped>
	.iconfont{
		color:$wx-text-color-gray;
	}
</style>